@import "public";
#logAndReg{
  ::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffc3c2;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffc3c2;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffc3c2;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffc3c2;
  }

  width: 100%;
  height: 100%;
  .padding(0,36rem,0,36rem);
  background-color: #ff5e64;
  position: absolute;
  top:0;
  left: 0;

  .lr-logo{
    width: 100%;
    .height(380rem);
    background: url(../images/logo.png) center no-repeat;
    .backSize(383rem,155rem);
  }
  .lr-input{
    width: 100%;
    .height(80rem);
    .borderBottom(2rem,solid,#ffffff);
    .marginTop(20rem);
    .list-png{
      .width(28rem);
      .height(40rem);
      float: left;
      .marginTop(20rem);
      img{
        .width(28rem);
        .height(40rem);
        display: block;
      }
    }
    .write-in{
      float: left;
      .width(420rem);
      .height(80rem);
      .marginLeft(40rem);
      color: #ffffff;
      .fontSize(28rem);
    }
    .lri-eye{
      .width(38rem);
      .height(18rem);
      float: right;
      .margin(30rem,0,0,20rem);
      img{
        .width(38rem);
        .height(18rem);
        display: block;

      }
    }
    .write-big{
      .width(300rem);
      .height(80rem);
      .marginLeft(0)!important;
    }
    .lri-send{
      color: #ffffff;
      .fontSize(28rem);
      float: right;
      .marginTop(10rem);
      .marginRight(10rem);

      img{
        .width(150rem);
        .height(50rem);
        display: block;
      }
    }
  }
  .to-login{
    width: 100%;
    .height(80rem);
    background-color: #ffffff;
    .borderRadius(8rem);
    color: #ff6164;
    text-align: center;
    .lineHeight(80rem);
    .marginTop(60rem);
    .fontSize(28rem);
  }
  .lr-operate{
    width: 100%;
    a{
      .marginTop(20rem);
      color: #ffffff;
      .fontSize(28rem);
    }
    .lro-forget{
      float: left;
    }
    .lro-register{
      float: right;
    }
  }
}